<% include header.ejs %>
<nav id="purchase">
    <div>
        <a href="/" >首页</a>
        <span ><%= title %></span>
    </div>
</nav>
<p style="height: 44px"></p>
<div id="searchInfo">
<% posts.forEach(function (post,index) {%>
<div class="searchInfo">
<p><%= post.title %></p>
<p class="price"><%= post.price %></p>
<p><%= post.users.userName %></p>
<p><%= post.phone %></p>
</div>
<%})%>
</div>
<div class="empty">
        <img src="images/empty.png" alt="" height="40" class="emptyImg">
        <p class="emptyText"></p>
</div>
<script>
	//如果没有搜到相应的内容,给于用户提示
    $(function () {
        var length = $('.searchInfo').length;
        if (length == 0) {
            $('.empty').fadeIn();
            $('.emptyImg').animate({
                left: "+=100px"
            }, 1000, function () {
                $('.emptyText').html('不好意思,暂时没有您想要的内容看看别的吧!');
                $(this).fadeOut(200);
            })
        } else {
            $('.empty').css('display', 'none')
        }
    });
</script>

